<template>
  <view class="container">
    <!-- 当前温度 -->
    <view class="current_temp">
      <view style="display: flex; align-items: center;" @click="gotoWeatherDetail">
        <image :src="changeImgUrl(weatherInfo.now.weather_pic)" style="width: 80rpx;height: 80rpx;"
          mode="scaleToFill" />
        <span>{{ weatherInfo.cityInfo.c3 || "" }}</span>
      </view>
      <view class="title">
        <view class="title_temp">{{ device.current_temp }}℃</view>
        <view class="title_text" style="display: flex; align-items: center;">
          <text style="margin-right: 10rpx;">实时温度</text>
          <!-- <u-icon size="18" name="reload" @click="getInfo(id)"></u-icon> -->
        </view>
      </view>
      <view class="temp" @click="goToDeviceInfoConfig"> 查看详情 </view>
    </view>

    <div style="margin-top: 30rpx;">
      <u-subsection @change="sectionChange" :list="list" mode="button" :current="device.current_mode"></u-subsection>
    </div>

    <!-- 如果是正常模式 -->
    <view class="temp_container" v-if="device.current_mode === 0">
      <!-- 按钮提示语 -->
      <view class="btn_tip">
        <view class="btn_tip_text"> 停止温度 </view>
        <view class="btn_tip_text"> 启动温度 </view>
      </view>

      <!-- 加温度 -->
      <view class="add_temp">
        <view class="add_temp_01" @click="stopTemperatureAdd(1)">+</view>
        <view class="add_temp_01" @click="startTemperatureAdd(1)">+</view>
      </view>

      <view class="current_temp_numnber">
        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`stop_temp`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.stop_temp" border="none" type="digit">
          </u-input> -->
          <div>
            {{ device.stop_temp || 0 }} ℃
          </div>

          <u-icon size="32" name="edit-pen" @click="editApi(`stop_temp`, value)"></u-icon>
        </view>

        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`start_temp`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.start_temp" border="none" type="digit">
          </u-input> -->
          <div> {{ device.start_temp || 0 }} ℃</div>
          <u-icon size="32" name="edit-pen" @click="editApi(`start_temp`, value)"></u-icon>
        </view>

      </view>

      <!-- 减温度 -->
      <view class="add_temp">
        <view class="add_temp_01" @click="stopTemperatureSub(1)">-</view>
        <view class="add_temp_01" @click="startTemperatureSub(1)">-</view>
      </view>
    </view>

    <!-- 如果是间歇定时模式 -->
    <view v-if="device.current_mode === 1" class="temp_container">
      <!-- 按钮提示语 -->
      <view class="btn_tip">
        <view class="btn_tip_text">停机时间</view>
        <view class="btn_tip_text"> 开机时间 </view>
      </view>

      <!-- 加温度 -->
      <view class="add_temp">
        <view class="add_temp_01" @click="stopTemperatureAdd('F1')">+</view>
        <view class="add_temp_01" @click="startTemperatureAdd('F1')">+</view>
      </view>

      <view class="current_temp_numnber">
        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`f1_stop_time`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.f1_stop_time" border="none" type="digit">
          </u-input>
          分钟 -->
          <div>
            {{ device.f1_stop_time || 0 }} 分钟
          </div>
          <u-icon size="32" name="edit-pen" @click="editApi(`f1_stop_time`, value)"></u-icon>

        </view>

        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`f1_start_time`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.f1_start_time" border="none" type="digit">
          </u-input>
          分钟 -->
          <div>
            {{ device.f1_start_time || 0 }} 分钟
          </div>
          <u-icon size="32" name="edit-pen" @click="editApi(`f1_start_time`, value)"></u-icon>
        </view>

        <!-- <view class="current_num">{{ device.f1_start_time }}分钟</view> -->
      </view>

      <!-- 减温度startTemperatureSub -->
      <view class="add_temp">
        <view class="add_temp_01" @click="stopTemperatureSub('F1')">-</view>
        <view class="add_temp_01" @click="startTemperatureSub('F1')">-</view>
      </view>
    </view>

    <!-- 如果是倒计时模式 -->
    <view v-if="device.current_mode === 2" class="temp_container">
      <!-- 按钮提示语 -->
      <view class="btn_tip">
        <view class="btn_tip_text">定时设置</view>
        <view class="btn_tip_text"> 定时设置 </view>
      </view>

      <!-- 加温度stopTemperatureAdd -->
      <view class="add_temp">
        <view class="add_temp_01" @click="startTemperatureAdd('F2')">+</view>
        <view class="add_temp_01" @click="stopTemperatureAdd('F2')">+</view>
      </view>

      <view class="current_temp_numnber">
        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`f2_timer_high`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.f2_timer_high" border="none" type="digit">
          </u-input>
          分钟 -->
          <div> {{ device.f2_timer_high || 0 }} 分钟</div>
          <u-icon size="32" name="edit-pen" @click="editApi(`f2_timer_high`, value)"></u-icon>
        </view>

        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`f2_timer_low`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.f2_timer_low" border="none" type="digit">
          </u-input>
          分钟 -->
          <div> {{ device.f2_timer_low || 0 }} 分钟</div>
          <u-icon size="32" name="edit-pen" @click="editApi(`f2_timer_low`, value)"></u-icon>
        </view>


        <!-- <view class="current_num">{{ device.f2_timer_high }}分钟</view> -->
        <!-- <view class="current_num">{{ device.f2_timer_low }}分钟</view> -->
      </view>

      <!-- 减温度 -->
      <view class="add_temp">
        <view class="add_temp_01" @click="startTemperatureSub('F2')">-</view>
        <view class="add_temp_01" @click="stopTemperatureSub('F2')">-</view>
      </view>
    </view>

    <!-- 如果是预约定时 -->
    <view v-if="device.current_mode === 3" class="temp_container">
      <!-- 按钮提示语 -->
      <view class="btn_tip">
        <view class="btn_tip_text">定时设置</view>
        <view class="btn_tip_text"> 定时设置 </view>
      </view>

      <!-- 加温度 -->
      <view class="add_temp">
        <view class="add_temp_01" @click="startTemperatureAdd('F3')">+</view>
        <view class="add_temp_01" @click="stopTemperatureAdd('F3')">+</view>
      </view>

      <view class="current_temp_numnber">
        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`f3_timer_high`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.f3_timer_high" border="none" type="digit">
          </u-input>
          分钟 -->
          <div> {{ device.f3_timer_high || 0 }} 分钟</div>
          <u-icon size="32" name="edit-pen" @click="editApi(`f3_timer_high`, value)"></u-icon>
        </view>
        <view class="current_num" style="display: flex;">
          <!-- <u-input inputAlign="center" @confirm="(value) => inputConfirm(`f3_timer_low`, value)" fontSize="51rpx"
            :customStyle="{ width: 'auto' }" color="#000000" v-model="device.f3_timer_low" border="none" type="digit">
          </u-input>
          分钟 -->
          <div> {{ device.f3_timer_low || 0 }} 分钟</div>
          <u-icon size="32" name="edit-pen" @click="editApi(`f3_timer_low`, value)"></u-icon>
        </view>


        <!-- <view class="current_num">{{ device.f3_timer_high }}分钟</view> -->
        <!-- <view class="current_num">{{ device.f3_timer_low }}分钟</view> -->
      </view>

      <!-- 减温度 -->
      <view class="add_temp">
        <view class="add_temp_01" @click="startTemperatureSub('F3')">-</view>
        <view class="add_temp_01" @click="stopTemperatureSub('F3')">-</view>
      </view>
    </view>

    <!-- 开关按钮 -->
    <!-- <image v-if="!isEdit" src="@/static/home/start_btn.png" class="switch_btn" /> -->

    <!-- <view src="@/static/home/start_btn.png" class="switch_btn" /> -->

    <!-- 间隔定时/预约定时 -->
    <!-- <view v-if="!isEdit" class="interval_time">
      <view class="interval_time_text" @click="toIntervalTime">
        <image src="@/static/home/dingshi.png" />
        <text>间歇定时</text>
      </view>
      <view class="interval_time_text" style="background: white; color: #5d5d5c" @click="toAppointmentTime">
        <image src="@/static/home/dingshi-2.png" />
        <text>预约定时</text>
      </view>
    </view> -->

    <!-- 预警设置 -->
    <view v-if="!isEdit" class="warning_settings">
      <view class="warning_settings_text" @click="toWarningSettings">
        <image src="@/static/home/warn.png" />
        <text>预警设置</text>
      </view>
    </view>

    <view v-if="isEdit" class="bottom_btn" @click="confirm"> 保存 </view>

    <u-modal @cancel="modalCancel" :show="show" :showCancelButton="true" :title="title" @confirm="modalconfirm">
      <u-input border="surround" v-model="defaultValue" type="digit">
      </u-input>

    </u-modal>

  </view>
</template>

<script>
import * as Api from "@/api/page";
import { checkLogin } from "@/core/app";
import * as UserApi from "@/api/user";
import { getWeather, queryDeviceById, sendCommand } from "../../../api";

const App = getApp();

export default {
  components: {},
  data() {
    return {
      // 页面参数
      options: {},
      // 停止温度
      stopTemperature: 35,
      // 是否编辑
      isEdit: false,

      // 设备详情
      device: {},

      id: "",

      // 轮询定时器句柄
      _infoTimer: null,

      list: ['温度设置', '循环定时', '停止定时', '启动定时'],

      weatherInfo: {},
      show: false,
      title: "",
      type: "",
      defaultValue: "",
      // 经纬度
      lat: "",
      lng: "",
    };
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.options = options;
    this.isEdit = options.isEdit == "1";

    this.id = options.id;

    this.getInfo(options.id);

    // 定时轮询，每5s刷新一下详情
    // 若已有定时器，先清理，避免重复创建
    if (this._infoTimer) {
      clearInterval(this._infoTimer);
      this._infoTimer = null;
    }
    this._infoTimer = setInterval(() => {
      // 使用 this.id，确保与当前页面参数一致
      this.getInfo(this.id);
    }, 5000);

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    const app = this;
    uni.getLocation({
      type: 'wgs84',
      success: async function (res) {
        console.log('res', res);

        console.log('当前位置的经度：' + res.longitude);
        console.log('当前位置的纬度：' + res.latitude);
        app.lat = res.latitude;
        app.lng = res.longitude;

        const _res = await getWeather({
          lat: res.latitude,
          lng: res.longitude
        })

        app.weatherInfo = _res?.showapi_res_body;


        console.log('this.weatherInfo', this.weatherInfo);


        console.log('_res');

      },
      fail: function (res) {
        console.log("fail", res);
      },
    });


  },

  // 页面隐藏时清理定时器，防止后台继续轮询
  onHide() {
    this.clearInfoTimer();
  },

  // 页面卸载(销毁)时清理定时器，防止内存泄漏
  onUnload() {
    this.clearInfoTimer();
  },

  methods: {
    // 清理轮询定时器
    clearInfoTimer() {
      if (this._infoTimer) {
        clearInterval(this._infoTimer);
        this._infoTimer = null;
      }
    },
    gotoWeatherDetail() {
      uni.navigateTo({
        url: `/pages/weather/index?lat=${this.lat}&lng=${this.lng}`,
      })
    },
    modalCancel() {
      this.show = false;
      this.type = "";
      this.defaultValue = "";
      this.title = "";
    },
    modalconfirm() {
      this.show = false;


      // 确保this.defaultValue是数字，并且大于0
      if (isNaN(this.defaultValue) || this.defaultValue < 0) {
        return uni.showToast({
          title: "请输入正确的数字",
          icon: "none",
        });
      }

      this.sendCommandFn({
        [this.type]: this.defaultValue * 1
      })

      this.$set(this.device, this.type, this.defaultValue * 1)

      this.type = "";
      this.defaultValue = "";
      this.title = "";


    },
    editApi(type, value) {
      this.show = true;
      this.type = type;
      this.defaultValue = value;

      // if (type == "stop_temp") {
      //   this.title = "请输入停止温度";
      // } 
      switch (type) {
        case 'stop_temp':
          this.title = "请输入停止温度";

          break;
        case 'start_temp':
          this.title = "请输入启动温度";
          break;
        case 'f1_stop_time':
          this.title = "请输入循环定时停机时间";
          break;
        case 'f1_start_time':
          this.title = "请输入循环定时开机时间";
          break;
        case 'f2_stop_time':
          this.title = "请输入停止定时停机时间";
          break;
        case 'f2_start_time':
          this.title = "请输入停止定时开机时间";
          break;
        case 'f3_timer_high':
          this.title = "请输入预约定时高字节";
          break;
        case 'f3_timer_low':
          this.title = "请输入预约定时低字节";
          break;


        default:
          break;
      }
    },

    // 把图片连接从http改成https
    changeImgUrl(url) {
      return url.replace("http://", "https://");
    },

    async getInfo(id) {

      try {
        // uni.showLoading({
        //   title: '加载中...',
        // });
        const _res = await queryDeviceById({
          id: id
        })

        this.device = _res;
        this.device.current_mode = _res.current_mode - 1;
      } catch (error) {

      } finally {
        uni.hideLoading();
      }

    },
    sectionChange(index) {
      // console.log('indexindexindex', index, 'this.devide0', this.device);

      // 工作模式（1:正常,2:F1间歇定时,3:F2倒计时,4:F3预约定时,5:校准,6:报警）
      this.sendCommandFn({
        current_mode: index + 1
      })


      this.device.current_mode = index;
    },
    goToDeviceInfoConfig() {
      uni.navigateTo({
        url: `/pages/index/deviceInfo/config/index?id=${this.options.id}`,
      });
    },
    toIntervalTime() {
      uni.navigateTo({
        url: `/pages/index/intervalTiming/index?id=${this.options.id}`,
      });
    },
    toAppointmentTime() {
      uni.navigateTo({
        url: `/pages/index/appointmentTime/index?id=${this.options.id}`,
      });
    },
    toWarningSettings() {
      uni.navigateTo({
        url: `/pages/index/warningSettings/index?id=${this.options.id}`,
      });
    },
    startTemperatureAdd(type) {

      if (type === 1) {

        this.sendCommandFn({
          start_temp: this.device.start_temp + 1
        })

        this.device.start_temp = this.device.start_temp + 1
      } else if (type === "F1") {
        this.sendCommandFn({
          f1_start_time: this.device.f1_start_time + 1
        })
        this.device.f1_start_time = this.device.f1_start_time + 1
      } else if (type === "F2") {
        this.sendCommandFn({
          f2_timer_high: this.device.f2_timer_high + 1
        })
        this.device.f2_timer_high = this.device.f2_timer_high + 1
      } else if (type === "F3") {
        this.sendCommandFn({
          f3_timer_high: this.device.f3_timer_high + 1
        })
        this.device.f3_timer_high = this.device.f3_timer_high + 1
      }

    },
    stopTemperatureAdd(type) {

      // 如果是正常模式
      if (type === 1) {
        this.sendCommandFn({
          stop_temp: this.device.stop_temp * 1 + 1
        })

        this.device.stop_temp = this.device.stop_temp * 1 + 1
      } else if (type === "F1") {
        this.sendCommandFn({
          f1_stop_time: this.device.f1_stop_time * 1 + 1
        })
        this.device.f1_stop_time = this.device.f1_stop_time * 1 + 1
      } else if (type === "F2") {
        this.sendCommandFn({
          f2_timer_low: this.device.f2_timer_low * 1 + 1
        })
        this.device.f2_timer_low = this.device.f2_timer_low * 1 + 1
      } else if (type === "F3") {
        this.sendCommandFn({
          f3_timer_low: this.device.f3_timer_low * 1 + 1
        })
        this.device.f3_timer_low = this.device.f3_timer_low * 1 + 1
      }


    },

    stopTemperatureSub(type) {
      // 如果是正常模式
      if (type === 1) {
        this.sendCommandFn({
          stop_temp: this.device.stop_temp * 1 - 1
        })

        this.device.stop_temp = this.device.stop_temp * 1 - 1
      } else if (type === "F1") {
        this.sendCommandFn({
          f1_stop_time: this.device.f1_stop_time * 1 - 1
        })
        this.device.f1_stop_time = this.device.f1_stop_time * 1 - 1
      } else if (type === "F2") {
        this.sendCommandFn({
          f2_timer_low: this.device.f2_timer_low * 1 - 1
        })
        this.device.f2_timer_low = this.device.f2_timer_low * 1 - 1
      } else if (type === "F3") {
        this.sendCommandFn({
          f3_timer_low: this.device.f3_timer_low * 1 - 1
        })
        this.device.f3_timer_low = this.device.f3_timer_low * 1 - 1
      }
    },
    startTemperatureSub(type) {
      if (type === 1) {
        this.sendCommandFn({
          start_temp: this.device.start_temp * 1 - 1
        })

        this.device.start_temp = this.device.start_temp * 1 - 1
      } else if (type === "F1") {
        this.sendCommandFn({
          f1_start_time: this.device.f1_start_time * 1 - 1
        })
        this.device.f1_start_time = this.device.f1_start_time * 1 - 1
      } else if (type === "F2") {
        this.sendCommandFn({
          f2_timer_high: this.device.f2_timer_high * 1 - 1
        })
        this.device.f2_timer_high = this.device.f2_timer_high * 1 - 1
      } else if (type === "F3") {
        this.sendCommandFn({
          f3_timer_high: this.device.f3_timer_high * 1 - 1
        })
        this.device.f3_timer_high = this.device.f3_timer_high * 1 - 1
      }
    },
    inputConfirm(type, value) {
      if (type === "stop_temp") {
        return this.sendCommandFn({
          stop_temp: value * 1
        })
      }
      if (type === "start_temp") {
        return this.sendCommandFn({
          start_temp: value * 1
        })
      }
      if (type === "f1_stop_time") {
        return this.sendCommandFn({
          f1_stop_time: value * 1
        })
      }
      if (type === "f1_start_time") {
        return this.sendCommandFn({
          f1_start_time: value * 1
        })
      }
      if (type === "f2_timer_high") {
        return this.sendCommandFn({
          f2_timer_high: value * 1
        })
      }
      if (type === "f2_timer_low") {
        return this.sendCommandFn({
          f2_timer_low: value * 1
        })
      }
      if (type === "f3_timer_high") {
        return this.sendCommandFn({
          f3_timer_high: value * 1
        })
      }
      if (type === "f3_timer_low") {
        return this.sendCommandFn({
          f3_timer_low: value * 1
        })
      }
    },
    confirm() {
      // 返回上一页
      uni.navigateBack();
    },
    // 发送指令
    async sendCommandFn(command) {

      const app = this;

      uni.showLoading({
        title: "操作中",
      });


      try {

        await sendCommand({
          imei: app.device.imei,
          command: command,
        })

        setTimeout(async () => {
          // await app.getInfo(app.id);
          uni.hideLoading();
        }, 500);



      } catch (error) {
        console.log('报错了');


      }
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  background: #f6f7fb;
  // padding: 59.659rpx 46.023rpx 85.227rpx 85.227rpx;
  padding: 59.659rpx 46.023rpx 85.227rpx 46.023rpx;
}

.current_temp {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;

  .title {
    display: flex;
    flex-direction: column;
    align-items: center;

    //    margin-left: 214.773rpx;
  }

  .title_temp {
    font-family: "Microsoft YaHei";
    font-size: 76.705rpx;
    font-weight: 400;
    line-height: 101.233rpx;
    text-align: left;
  }

  .title_text {
    font-family: Microsoft YaHei;
    font-size: 25.568rpx;
    font-weight: 290;
    line-height: 34.006rpx;
    text-align: left;
    color: #9f9f9f;
    margin-top: 27.273rpx;
  }

  .temp {
    width: 129.545rpx;
    height: 47.727rpx;
    border-radius: 25.568rpx;
    background: #2084ff;

    font-family: "Microsoft YaHei";
    font-size: 20.455rpx;
    color: white;
    font-weight: 400;
    line-height: 27rpx;
    text-align: left;

    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.btn_tip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 28.977rpx;
  // margin-right: 61.364rpx;
  margin-right: 28.977rpx;
  margin-top: 57.955rpx;

  .btn_tip_text {
    background: #17120c;
    width: 177.273rpx;
    height: 52.841rpx;
    border-radius: 26.42rpx;

    font-family: "Microsoft YaHei";
    font-size: 25.568rpx;
    color: white;
    font-weight: 400;
    line-height: 33.75rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.add_temp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 54.545rpx;
  margin-left: 57.955rpx;
  // margin-right: 98.864rpx;
  margin-right: 57.955rpx;
}

.add_temp_01 {
  width: 107.386rpx;
  height: 107.386rpx;
  border-radius: 53.693rpx;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0rpx 1.705rpx 10.227rpx 0rpx #cde1fa;
  color: #000000;
  font-weight: 800;
}

.current_temp_numnber {
  margin-left: 32.841rpx;
  margin-right: 32.841rpx;
  // margin-right: 98.864rpx;
  margin-top: 52.841rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .current_num {
    font-family: "Microsoft YaHei";
    font-size: 51.136rpx;
    font-weight: 400;
    line-height: 67.483rpx;
    text-align: left;
    color: #000000;
  }
}

.switch_btn {
  margin-top: 83.523rpx;
  margin-left: 202.841rpx;
  width: 201.136rpx;
  height: 201.136rpx;
}

.interval_time {
  margin-top: 85.227rpx;
  margin-right: 32.386rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .interval_time_text {
    width: 276.136rpx;
    height: 86.932rpx;
    background: #60a4f7;
    box-shadow: 0rpx 1.705rpx 10.227rpx 0rpx #cde1fa;
    color: white;
    border-radius: 43.582rpx;
    display: flex;
    justify-content: center;
    align-items: center;

    image {
      width: 32.386rpx;
      height: 35.795rpx;
      margin-right: 17.045rpx;
    }
  }
}

.warning_settings {
  margin-top: 37.5rpx;
  margin-left: 3.409rpx;
  // width: 586.364rpx;
  height: 86.932rpx;
  background: white;
  box-shadow: 0rpx 1.705rpx 10.227rpx 0rpx #cde1fa;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 43.582rpx;

  .warning_settings_text {
    display: flex;
    align-items: center;

    image {
      margin-right: 20.455rpx;
      width: 35.795rpx;
      height: 35.795rpx;
    }
  }
}

.bottom_btn {
  height: 83.523rpx;

  border-radius: 43.582rpx;
  background: rgba(96, 164, 247, 1);
  color: rgba(255, 255, 255, 1);

  font-family: "Microsoft YaHei";
  font-size: 25.568rpx;
  font-weight: 290;
  line-height: 34.006rpx;
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;

  margin-right: 59.659rpx;

  position: fixed;
  bottom: 50px;
  width: 80%;
  left: 10%;
}

::v-deep .u-input__content__field-wrapper__field {}

.temp_container {
  padding-left: 20rpx;
  padding-right: 20rpx;
}
</style>
